﻿<%@ page contentType="text/html; charset=utf-8" %>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c" %>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<c:set var="basePath" value="${pageContext.request.contextPath}"/>
<!DOCTYPE HTML>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>系统管理</title>
    <jsp:include page="/resources/inc/head.jsp" />
</head>
<body>
<div id="main">
    <div id="toolbar">
        <shiro:hasPermission name="upms:system:create">
            <a class="waves-effect waves-button" href="javascript:;"
               onclick="Common.openPage({url:'${basePath}/manage/system/create',title:'新增系统'})">
                <i class="zmdi zmdi-plus"></i>新增系统</a>
        </shiro:hasPermission>
        <shiro:hasPermission name="upms:system:update">
            <a class="waves-effect waves-button" href="javascript:;"
               onclick="Common.toolBarUpdate({url:'${basePath}/manage/system/update/',id:'systemId',title:'编辑系统'})">
                <i class="zmdi zmdi-edit"></i>编辑系统</a>
        </shiro:hasPermission>
        <shiro:hasPermission name="upms:system:delete">
            <a class="waves-effect waves-button" href="javascript:;"
               onclick="Common.batchDelete({url:'${basePath}/manage/system/delete/',id:'systemId'})">
                <i class="zmdi zmdi-close"></i> 删除系统</a>
        </shiro:hasPermission>
    </div>
    <table id="table"></table>
</div>
<jsp:include page="/resources/inc/footer.jsp" />
<script>
    var $table = $('#table');
    $(function () {
        // bootstrap table初始化
        $table.bootstrapTable({
            url: '${basePath}/manage/system/list',
            height: getHeight(),
            striped: true,
            search: true,
            showRefresh: true,
            showColumns: true,
            minimumCountColumns: 2,
            clickToSelect: true,
            detailView: true,
            detailFormatter: 'detailFormatter',
            pagination: true,
            paginationLoop: false,
            queryParamsType: "",
            sidePagination: 'server',
            silentSort: false,
            smartDisplay: false,
            escape: true,
            searchOnEnterKey: true,
            idField: 'systemId',
            maintainSelected: true,
            toolbar: '#toolbar',
            columns: [
                {field: 'ck', checkbox: true},
                {field: 'systemId', title: '编号', sortable: true, align: 'center'},
                {field: 'icon', title: '图标', sortable: true, align: 'center', formatter: 'iconFormatter'},
                {field: 'title', title: '系统标题'},
                {field: 'name', title: '系统名称'},
                {field: 'basepath', title: '根目录'},
                {field: 'status', title: '状态', sortable: true, align: 'center', formatter: 'statusFormatter'},
                {
                    field: 'action',
                    title: '操作',
                    align: 'center',
                    formatter: 'actionFormatter',
                    events: 'actionEvents',
                    clickToSelect: false
                }
            ]
        });
    });
    var updateData = {
        title: "编辑组织"
    };
    var deleteData = {
        url: "${basePath}/manage/system/delete/"
    };
    // 格式化操作按钮
    function actionFormatter(value, row, index) {
        var html = "";
        updateData.url = "${basePath}/manage/system/update/" + row.systemId;
        deleteData.id = row.systemId;
        <shiro:hasPermission name="oa:hr:position:update">
        html += getPageHtml(updateData) + "  ";
        </shiro:hasPermission>
        <shiro:hasPermission name="oa:hr:position:delete">
        html += getDeleteHtml(deleteData) + "  ";
        </shiro:hasPermission>
        return html;
    }
    // 格式化图标
    function iconFormatter(value, row, index) {
        return '<i class="' + value + '"></i>';
    }
    // 格式化状态
    function statusFormatter(value, row, index) {
        if (value == 1) {
            return '<span class="label label-success">正常</span>';
        } else {
            return '<span class="label label-default">锁定</span>';
        }
    }
</script>
</body>
</html>